<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>发表评价</title>
    <link rel="stylesheet" type="text/css" href="js/font-awesome/css/font-awesome.css" />
    <link rel="stylesheet" href="css/comment.css">
    <link rel="stylesheet" href="css/common.css">
    <script src="js/common/jquery-1.11.0.js"></script>
    <script src="js/common/comment.js"></script>
</head>
<body>
    <!-- 头部 -->
    <div id="header">
        <div class="top">
            <div class="top-left">
                <i class="fa fa-map-marker "></i>
                <a href="javascript:void(0)" class="one">广州</a>
                <a href="javascript:void(0)" class="two">切换城市</a>
            </div>
            <div class="top-right">
                <a class="one">
                    <i class="fa fa-user"></i> 朱莉
                </a>
                <a href="javascript:void(0)">退出</a>
                <a href="javascript:void(0)">帮助中心</a>
                <a href="javascript:void(0)">网站导航</a>
                <a href="javascript:void(0)">手机APP</a>
            </div>

        </div>
        <div class="searchBox">
            <div class="search">
                <div class="search-left">
                    <h3>互生 <small>商务服务</small></h3>
                </div>
                <div class="search-right">
                    <div class="one">
                        <input type="text" name="search" id="search" value="" placeholder="输入商家名称、分类或地区" />
                        <a href="javascript:void(0)">
                            <i class="fa fa-search"></i>
                        </a>
                    </div>

                    <div class="two">
                        <a href="#">运动健身</a>
                        <a href="#">瑜伽</a>
                        <a href="#">羽毛球</a>
                        <a href="#">CS</a>
                        <a href="#">农家乐</a>
                        <a href="#">私人影院</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 内容 -->
    <div class="commentcon">
        <p class="prompt">发表评价</p>
        <div class="touxiang">
            <img src="img/userhead.png" alt="">
            <span>陈和合</span>
        </div>
        <div class="givemark">
            <div class="choose1">
                <h5 class="title">服务质量</h5>
                <p><img src="img/bq1.png" alt=""></p>
                <p><img src="img/bq2.png" alt=""></p>
                <p><img src="img/bq3.png" alt=""></p>
                <p><img src="img/bq4.png" alt=""></p>
                <p><img src="img/bq5.png" alt=""></p>
                <span></span>
            </div>
            <div class="choose2">
                <h5 class="title">服务态度</h5>
                <p><img src="img/bq1.png" alt=""></p>
                <p><img src="img/bq2.png" alt=""></p>
                <p><img src="img/bq3.png" alt=""></p>
                <p><img src="img/bq4.png" alt=""></p>
                <p><img src="img/bq5.png" alt=""></p>
                <span></span>
            </div>
            <div class="choose3">
                <h5 class="title">上门速度</h5>
                <p><img src="img/bq1.png" alt=""></p>
                <p><img src="img/bq2.png" alt=""></p>
                <p><img src="img/bq3.png" alt=""></p>
                <p><img src="img/bq4.png" alt=""></p>
                <p><img src="img/bq5.png" alt=""></p>
                <span></span>
            </div>
        </div>
        <div class="evalobj">
            <img src="img/goods_img.png" alt="">
            <div>
                <p class="title">单人一日健身</p>
                <p class="con">仅售99元!最高价值244元的套餐</p>
            </div>
        </div>
        <div class="alleval">
            <p>总体评价</p>
            <img src="img/rate.png" alt="">
        </div>
        <div class="dainputiyan">
            <textarea name="" id="" placeholder="亲,店铺体验如何,对服务还满意吗?"></textarea>
        </div>
        <div class="uploadimg">
            <div class="imgesed">
                <div class="imgwrap">
                    <img src="img/1.jpeg" alt="">
                    <span class="clear">X</span>
                </div>
            </div>
            <div class="uploadwrap">
                <div class="upload">
                    <img src="img/upload.png" alt="">
                    <input type="file" name="" id="chooseimg"  ></div>
                <p>上传图片<span class="imgnum">1</span>/9</p>
            </div>
        </div>
        <div class="commitbox">
            <p class="choosename">
                <input type="checkbox" name="" value="" /><span>实名</span>
            </p>
            <button class="submit">提交</button>
        </div>
    </div>
    <!-- 尾部 -->
    <div class="foot" id="foot">
			<p>
				<strong>客服热线： </strong>
				<a href="javascript:void(0)">
					0755-83344111
				</a>
				<span class="foot-adition">2013-2018 </span>
				<span>
						深圳市互生电子商务有限公司
					</span>
				<span>
						粤ICP备案号14100052号
					</span>
			</p>
	</div>
</body>
</html>
